<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/style.css" />
    <!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 
        </script>
    <![endif]-->
        
    <script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/menu.js"></script>    
        
	<script type="text/javascript" src="__PUBLIC__/js/select.js"></script>
    <style>
      .m_right{
        font-size: 12px;
      }
      .eidt{
        border:1px solid red;
        width: 400px;
        height: 200px;
        position:fixed;
        background:white;
        left:50%;
        top:40%;
        display:none
      }
      .addclass{
        border:1px solid red;
      }
    </style>
    
<title>数码商城订单详情</title>
</head>
<body>  
<include file="./Public/file/top.html" />
<div class="i_bg bg_color">
    <!--Begin 用户中心 Begin -->
	<div class="m_content">
   		<include file="./Zxshop/Home/View/Member/left.html" />
		<div class="m_right">
            <div class="mem_tit">
            我的订单
            </div>
           	<table border="0" class="order_tab" style="width:930px;" cellspacing="0" cellpadding="0">
              <tr>
                <td align="center">商品名称</td>
                <td align="center">商品图片</td>
                <td align="center">单价</td>
                <td align="center">数量</td>
                <td align="center">评论</td>
              </tr>
              <foreach name="list" item="val">
                  <tr>
                    <td align="center" id="goods_{$val.goodsid}">{$val.goodsname}</td>
                    <td style="font-family:'宋体';" align="center">
                     <img src="__ROOT__/Uploads/comm/{$val.picname}" width="48" height="48" />
                    </td>
                    <td align="center">{$val.price}</td>
                    <td align="center">{$val.num}</td>
                    <td align="center">
                    <a href="javascript:do_comment({$val['goodsid']},{$val['uid']})">评论</a></td>
                  </tr>
             </foreach>
            </table>
            <!-- 2017—1—23   评论遮罩层-->
             <div class="eidt" >
          <form action="{:U('Home/Comment/add')}" method="post">
             <input type="hidden" name="gid" id="gid" value="">
             <input type="hidden" name="uid" id="uid" value="">
            <table style="margin-top: 30px">
                <tr>
                  <td> 商品名：</td>
                  <td><div id="goodsname"></div></td>
                </tr>
                <tr>
                  
                <tr>
                  <td>评价：</td>
                  <td><textarea name="content" cols="30" rows="5"></textarea></td>
                </tr>
            </table>
            <input type="submit" value="提交" style="margin-left: 150px">
            <input class="cancel" type="button" value="取消">
            
          </form>
        </div>
        <!-- 结束 -->
            <script>
               function do_comment(gid,uid){
                 jq('<div class="blank"></div>').css({
                      'width':jq(window).width(),
                      'height':jq(window).height(),
                      'background':'rgba(0,0,0,0.3)',
                      'position':'fixed',
                      'left':0,
                      'top':0,
                    }).appendTo(jq(document.body));
                    init(gid,uid);
              }
              //遮罩层
                function init(gid,uid){
                  jq('.eidt').css({
                    'margin-left':function(){
                      return -(Math.ceil(jq(this).width() / 2));
                    },
                    'margin-top':function(){
                      return -(Math.ceil(jq(this).height() / 2));
                    },
                    'display':'block',
                  }).appendTo(jq(document.body));
                  var goods = '#goods_'+gid;
                  // alert(goods_);
                  var goodsname = jq(goods).text();
                  jq("#goodsname").text(goodsname);
                  jq("#gid").val(gid);
                  jq("#uid").val(uid);
                }
                //取消按钮
                  jq('.cancel').click(function(){
                  jq('.eidt').css('display','none');
                  jq('.blank').remove();
                  });
            </script>
        </div>
    </div>
	<!--End 用户中心 End--> 
    <!--Begin Footer Begin -->
    <include file="./Public/file/bottom.html" />
    <!--End Footer End -->    
</div>

</body>


<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
</html>
